html {
	background-color: gray;
}

#logo {
	width: 178px;
	height: 42px;
}

header {
	padding: 0px 10px;
}

nav,
.fristdiv {
	overflow: hidden;
	min-width: 500px;
}

.shopcar {
	width: 30px;
	height: 30px;
}

.searchnav {
	background-color: #393D49;
	padding: 15px;
	height: 4em;
}

.search input {
	margin-left: 35%;
	width: 40%;
	height: 2em;
	float: left;
	padding: 0.4em;
	color: white;
	background-color: rgba(000, 000, 000, 0);
	border-radius: 5px 0px 0px 5px;
}

.search input:focus {
	box-shadow: 0px 1px 0px gainsboro;
}

#search {
	background-color: rgba(000, 000, 000, 0);
	width: 20%;
	height: 3em;
	float: left;
	border: 1px white solid;
	color: white;
	border-radius: 0px 5px 5px 0px;
	font-weight: bold;
}

.search button:hover {
	background-color: #269ABC;
}

#text {
	width: 0px;
}

.fristdiv {
	width: 100%;
	height: 30em;
	background-color: gainsboro;
}

section {
	padding: 0px 10px;
	float: none;
	height: 1240px;
}

.category {
	width: 100%;
	background-color: rosybrown;
}

.category div;
{
	width: 200px;
	height: 200px;
	background-color: #000000;
}

.fristdiv img {
	width: 160px;
	height: 195px;
	margin: 100px 60px;
	box-shadow: -15px 15px 15px gray;
}

.fristdiv div {
	float: left;
}

.fristdiv .font {
	padding: 8% 6%;
	font-size: 22px;
}

.fristdiv button {
	margin: 10% 33%;
	width: 8em;
}

.piceaway img {
	width: 160px;
	height: 195px;
	margin: 33px;
	margin-left: 6%;
}

section .title {
	background-color: #f8f8f8;
	width: 100%;
	min-width: 100%;
	font-size: 1.5em;
	border-bottom: 1px solid gray;
}

.title font {
	margin: 45px;
	line-height: 3em;
	font-weight: bold;
}

footer {
	padding: 0px 10px;
}

footer div {
	background-color: #afaeae;
	width: 100%;
}

footer img {
	width: 18%;
	height: 42px;
	float: left;
}

footer .font {
	width: 82%;
	height: 42px;
	text-align: center;
	float: left;
	line-height: 42px;
}

.category {
	min-width: 100%;
	overflow: hidden;
	margin: 5px 0px;
	width: 100%;
	height: 8em;
	background-color: #3C3C3C;
}

.categorydiv {
	min-height: 8em;
	overflow: hidden;
	widows: 100%;
	height: 8em;
}

.categorydiv div {
	background-repeat: no-repeat;
	width: 16.66666%;
	min-height: 8em;
	height: 8em;
	background-image: url(../../../img/default.jpg);
	float: left;
}

.layui-carousel {
	background-color: #000000;
}

.orderview {
	text-align: center;
	padding: 50px;
}

.a:link {
	text-decoration: none;
	color: white;
}

.a {
	text-decoration: none;
	color: black;
	font-size: 18px;
}

.a:hover {
	color: #009688;
}

.order {
	background-color: rgba(255, 255, 255, 0.4);
	text-align: center;
	width: 16.666%;
	height: 280px;
	padding: 20px 0px;
	font-weight: bold;
	margin: 0px 5% 3% 3%;
	float: left;
	border-radius: 5px;
}

.orderimg {
	width: 133px;
	height: 187px;
}
body .demo-class .layui-layer-btn .layui-layer-btn1{background:#999;}